// css 变量定义主题 :root根元素html标签的伪类
// :root {
//   --main-color: #00adb5;
//   --nav-color: rgba(49, 66, 84, 0.72);
//   --box-shadow: 0 4px 12px #000026;
//   --main-bgc: #eeeeee;
//   --minor-bgc: #ffffff;
//   --text-color: #364f6b;
//   --text-color2: rgba(54, 79, 107, 0.65);
//   --hover-color: #f9f9f9;
// }
// :root.theme-dark {
//   --main-color: #00adb5;
//   --nav-color: #314254;
//   --box-shadow: 0 4px 12px #000026;
//   --main-bgc: #222831;
//   --minor-bgc: rgb(57, 62, 70);
//   --text-color: rgba(255, 255, 255, 0.85);
//   --text-color2: rgba(255, 255, 255, 0.65);
//   --hover-color: rgba(255, 255, 255, 0.08);
// }

:root {
  --main-color: #00adb5;
  --nav-color: rgba(49, 66, 84, 0.72);
  --box-shadow: 0 4px 12px #000026;
  --main-bgc: #f2f3f5;
  --minor-bgc: #ffffff;
  --text-color: #364f6b;
  --text-color2: rgba(54, 79, 107, 0.65);
  --hover-color: #f9f9f9;
  --border-radius: 4px;
  --scrollbar-bgc: #dadada;

  --layout-border-radius: 8px;
}
:root.theme-dark {
  --main-color: #00adb5;
  --nav-color: #222831;
  --box-shadow: 0 4px 12px #000026;
  --main-bgc: #222831;
  --minor-bgc: rgb(57, 62, 70);
  --text-color: rgba(255, 255, 255, 0.85);
  --text-color2: rgba(255, 255, 255, 0.65);
  --hover-color: rgba(255, 255, 255, 0.08);
  --border-radius: 4px;
  --scrollbar-bgc: #393e46;
}

// 覆盖编辑器的样式
.md {
  border-radius: 4px;
  background-color: var(--minor-bgc);
}